<template>
  <div class="health-garden">
    <div class="header-bg">
      <img src="../assets/page/jiankang.png" alt="">
    </div>
    <div class="tabs-panel">
      <ul class="tabs">
        <li :class="liclass==1 ? 'liactive' : ''" @click="changeli(1)">小常识</li>
        <li :class="liclass==2 ? 'liactive' : ''" @click="changeli(2)">部分食物热量表</li>
        <li :class="liclass==3 ? 'liactive' : ''" @click="changeli(3)">体重计算公式</li>
      </ul>
    </div>
    <div class="changshi content" v-if="liclass==1">
      <div class="newsdiv">
        <div class="neirong">
          <span>{{title}}</span>
          <span class="cont">
            <pre>
              {{content}}
            </pre>
          </span>
        </div>
        <span class="liaojie" @click="gotoNewsList(4)">点击返回列表</span>
      </div>
    </div>
    <div class="reliang content" v-if="liclass==2">
      <newfoodheat></newfoodheat>
    </div>
    <div class="jisuan content" v-if="liclass==3">
      <newweight></newweight>
    </div>
  </div>
</template>
<!--
<template>
  <div class="detail">
    <div class="title">小常识</div>
    <div class="detail">

    </div>
  </div>
</template>
-->

<script>
import newfoodheat from './newfoodheat'
import newweight from './newweight'
export default {
    components: {
      newfoodheat,
      newweight
    },
    data() {
      return {
        liclass: 1,
        title: '小常识',
        content: `
    随着生活水平的不断提高，人们的饮食习惯已发生了很大的改变，人们对高热量、高脂肪、高蛋白食品和精细食品的摄入量大大增加，许多大中城市特别是经济比较发达的城市均出现了膳食纤维摄入量不足、营养素摄入不平衡的现象。
现今多数人不注意饮食，高热量、高脂肪食物摄入过多，而活动量又逐渐减少，当进食摄入的热能超过消耗的热能时，除以肝糖原、肌糖原的形式储藏外，超出部分的热能几乎完全转化为脂肪，储存于皮下及内脏器官的周围。这种状态是渐进性的，在中年人，尤其是中年妇女表现更为明显，由于中年人生活方式的改变，热能摄入多于消耗，久而久之就会有脂肪堆积使细胞增大而引发各种问题。
《健康中国2030规划纲要》提出建设健康中国的战略主题“共建共享、全民健康”，推进全民健康生活方式，开展健康体重等专项行动。制定实施国民营养计划，深入开展食物（农产品、食品）营养功能评价研究，重点解决微量营养素缺乏、部分人群油脂等高热能食物摄入过多等问题，逐步解决居民营养不足与过剩并存问题。近年，超重、肥胖人口增长速度明显放缓。
我公司根据现代医学和营养学的研究成果，结合健康发展形势战略，合理选择圆苞车前子壳、魔芋粉、葡萄糖酸亚铁、牛磺酸、维生素C、甘露糖醇、微晶纤维素、二氧化硅、硬脂酸镁组成。

一、各组成配料
1、圆苞车前子壳
    圆苞车前子壳来源于人工种植的车前科车前属圆苞车前Plantago ovata的种子外壳，主产于印度。圆苞车前子壳为新食品原料，收载于中华人民共和国国家卫生和计划生育委员会（现卫健委）发布的《关于批准塔格糖等6种新食品原料的公告》（2014年第10号）。
圆苞车前子壳中富含膳食纤维，高达80%以上，遇水会膨胀形成数十倍的凝胶团，其高持水性和膨胀性，对胃肠道产生容积作用，易产生饱腹感，减少食物摄入。同时可抑制碳水化合物、脂质的活性，影响在小肠中的吸收，从而降低热量摄取。
美国食品药品管理局（FDA）在1998年的声明公告，圆苞车前子壳水溶性膳食纤维中的糖类物质能在肠内益生菌的作用下，经发酵分解为短链脂肪酸，从而阻止胆固醇的合成。
国内外研究资料显示[1-2]，圆苞车前子壳膳食纤维尚可用于防止便秘或腹泻。其机理为通过充分吸收水分，增大体积至可排泄团块，增加肠道蠕动，减少粪便在肠内运送时间，同时维持粪便的水分和柔软度，刺激肠壁产生反射性收缩作用，改善粪便与肠壁的润滑条件，调整人体的肠道微生态，平衡各种菌群，促进肠道正常的排空，并使其逐渐变得有规律。此外，通过大量吸收水分和其他有害物质，使重金属和其他有害化学毒素被吸附在粪便团块内，从而降低致癌物或有害物质之浓度，减少与肠壁粘膜接触的时间。
2、魔芋
    魔芋（konjac）为天南星科魔芋属植物的泛称，又名磨芋、鬼芋、鬼头、花莲杆、蛇六谷等，主要产于东半球热带、亚热带，我国为原产地之一，近年来风靡全球．并被人们誉为“魔力食品”。现代医学则对魔芋有了更多更新的认识[3]：魔芋中含量最大的葡萄甘露聚糖具有强大的膨胀力，有超过任何一种植物胶的粘韧度，即可填充胃肠。既可消除饥饿感，又可降低热量摄入。国外的一些营养学家曾做过这样一个试验，将小白鼠分成两组，投喂等量高脂肪食物，一组不加魔芋，另一组加少量魔芋粉，结果加喂魔芋的一组小白鼠体内胆固醇含量比另一组低100毫克以上。魔芋还含有对机体有利的果胶、生物碱、17种氨基酸和微量元素，可补充人体所需营养。
古籍记载《俊汉三才图绘》描述“魔芋能清除腹中泥沙，对男子最有益，但不知其原理。”早在两千多年前就记载了魔芋的保健作用。魔芋被誉为血液的净化剂，胃肠道的清道夫，健康者的最佳食品[1]。
魔芋中含有丰富的甘露聚糖，是一种优质的可溶性膳食纤维，具有强大的膨胀力和吸水性，膨胀系数为80-100倍。食用后，吸水膨胀使胃排空时间延长，产生饱腹感，避免过多热量的摄入；并且能延缓营养素的消化吸收，降低对单糖的吸收，从而使脂肪酸在体内的合成下降。魔芋本身也是一种低热量低脂肪的食品[4]。
魔芋富含膳食纤维，可调理肠胃，是便秘人群的福音。便秘人群胃肠热盛，消化吸收功能增强，吸收了过多的营养成分贮存于体内，这样逐渐导致越来越胖。预防便秘主要是饮食中增加膳食纤维的含量，食物中粗粮、蔬菜水果和魔芋粉制品是膳食纤维的丰富来源[5]。魔芋具有膳食纤维高的特点，特有的水凝胶纤维进入肠道后，促进肠胃蠕动，加快了排便速度，使粪便软化，减轻肠道压力，解除便秘的痛苦和因食物长期滞留肠内，甚至形成不正常的发酵腐败。腐败的粪便能够产生刺激血管收缩的毒性物质。魔芋中较高含量的膳食纤维能够避免食物因停滞时间过长导致再次被吸收，从而避免吸取多余的热量造成脂肪堆积[6]。
3、葡萄糖酸亚铁
铁是人体所必须的微量元素。缺铁可导致多种含铁酶活性降低，特别是血红蛋白活性降低，阻碍氧的运输，进而诱发细胞氧代谢水平下降，机体免疫力下降，并伴有疲倦、烦躁、易怒、注意力不集中、记忆力减退、干裂舌等症状[7]。研究表明：外界恶劣的环境、病理性影响因素，都会造成铁的吸收和代谢的紊乱。此外由于铁摄入不足，吸收障碍以及慢性失血等原因，使缺铁现象极为普遍。尤其老年人、儿童和妇女因其生理的特殊性较易患铁的缺乏症，需要经常补铁[8]。
第一代补铁剂是以硫酸亚铁为代表的无机亚铁盐类。该类补铁剂性质不稳定，易受到食物中其他成分的影响，生物利用度差，胃肠道刺激性显著，且存在很大的铁锈味。第二代补铁剂即小分子有机酸盐类。此类补铁剂相对于第一代补铁剂，避免了药物在胃中瞬间浓度过大，剌激作用大为减小[9]。葡萄糖酸亚铁属于第二代补铁剂，在食品中可用作护色剂、营养强化剂，由还原铁中和葡萄糖酸而成。葡萄糖酸亚铁的特点是生物利用率高，无臭无味，在水中溶解性好，易吸收，对胃没有刺激性，是一种较为理想的有机补铁剂[10]。

二、配料组成营养搭配
    当机体的食物纤维摄入不足会影响食物的消化吸收，使人体调节糖代谢、脂代谢的功能减弱；并且食物纤维本身具有促进人体排除毒性物质的作用，纤维摄入不足会造成排便困难，这样的粪便毒素及水分在肠腔被重吸收[11]。
我公司研制的曲姣片（压片糖果），其主要原料为圆苞车前子壳和魔芋，二者均来源于纯天然植物，含有丰富的膳食纤维，搭配使用能够增强膳食纤维的膨胀力和吸水性，对胃肠道产生容积作用，促使产生饱腹感，却不会提供热量，同时可影响碳水化合物、脂质在小肠中的吸收，从而降低热量摄取。另一方面，植物纤维能够有效地吸附油脂及有害毒性物质，增加肠道蠕动，减少粪便在肠内运送时间，促进肠道正常的排空。
甘露糖醇、微晶纤维素、二氧化硅、硬脂酸镁、维生素C和牛磺酸均为食品添加剂。其中，甘露糖醇是一种低热量的甜味剂，糖尿病人亦可服用，主要用作调味剂；微晶纤维素为崩解剂和填充剂，二氧化硅和硬脂酸镁为抗结剂；牛磺酸为食品用合成香料；维生素C为食品中常见的水溶性维生素，是一种理想的还原剂；葡萄糖酸亚铁是人体所必须的微量元素，搭配维生素C使用，能够加快铁剂的吸收。
因此，本品选用圆苞车前子壳、魔芋粉、葡萄糖酸亚铁、牛磺酸、维生素C、甘露糖醇、微晶纤维素、二氧化硅、硬脂酸镁共同使用，在控制机体热量摄入的同时注重补充人体必需的营养物质，维护身体健康。

三、本品的优势和特点
1、高膳食低热量。
本产品设计吸取了中医学理论经验，选用纯天然植物原料魔芋和圆苞车前子壳，含有丰富的膳食纤维，借鉴了现代营养学研究成果，添加了营养强化剂、维生素及矿物质等。本品在降低热量摄入和吸收的同时，补充营养物质，注重人体脏腑机能的综合调理，使用者不会产通生任何不适，获得较高的生活质量。
2、2种膳食纤维+1种营养物质，可持续饱腹
魔芋中含有丰富的甘露聚糖，是一种优质的可溶性膳食纤维，具有强大的膨胀力和吸水性，膨胀系数为80-100倍。圆苞车前子壳中富含膳食纤维，遇水会膨胀形成数十倍的凝胶团，其高持水性和膨胀性，对胃肠道产生容积作用，产生饱腹感。本品尚添加葡萄糖酸亚铁，为人体所必需的营养素。
3、添加进口的新食品原料
圆苞车前子壳为国家卫生计生委批准的新食品原料（2014年第10号公告）。来源于人工种植的车前科车前属圆苞车前（拉丁学名：Plantago  ovata），食用部位为种子外壳，是以圆苞车前种子外壳为原料，经碾磨后制得。本品原料为印度进口原料，膳食纤维含量高达80%以上。
4、组方原料安全，未添加西药成分
本品所用原料均为有长期食用历史的安全原料，其中，圆苞车前子壳是以圆苞车前种子外壳为原料，经碾磨后制得，为国家卫计委批准的新食品原料。魔芋粉是用魔芋经物理干法以及鲜魔芋采用粉碎后快速脱水或经食用酒精湿法加工提纯得到的，为生活中常用的普通食品原料。葡萄糖酸亚铁为食品营养强化剂，是人体所必须的微量元素。甘露糖醇、微晶纤维素、二氧化硅、硬脂酸镁、维生素C和牛磺酸均为食品添加剂。本品未添加西药成分，产品安全有效。
5、工艺设计合理。
本品生产工艺符合食品卫生相关要求，未添加防腐剂，无任何毒副作用，食用安全，可长期食用。

四、本品建议食用量和食用方法
    建议服用方法：每次餐前先服用少量果蔬（如黄瓜、萝卜、苹果等），再服用本品4克（20片，服用量最高20片/次），温开水送服，饮水宜少量多次，食用次数可根据个人需求而定（1-2次/日）。服用量可自我递减。

参考文献：
-------------------------------------------------
1.Marlett J A ,Kajs T M , Fischer M H . An unfermented gel component of psyllium seed husk promotes laxation as a lubricant in humans[J]. American Journal of Clinical Nutrition, 2000, 72(3):784-789.
2.McRorie, Daggy, Morel, et al. Psyllium is superior to docusate sodium for treatment of chronic constipation[J]. Alimentary Pharmacology & Therapeutics, 1998, 12(5):491-497.
3.赵凯. 浅析魔芋在减肥中的作用[J]. 青春岁月, 2011(22):212-213.
4.黄琼, 陈龙全. 魔芋的保健功能及其加工[J]. 保健医学研究与实践, 2008(02):57-58.
5.陈浩嘉, 陈有仁, 吴寿岭. 膳食纤维和肠道菌群与肥胖关系的研究进展[J]. 医学综述, 2019(5):839-844.
6.张茂玉, 黄承钰. 魔芋食品对人体脂质代谢影响的研究[J]. 营养学报, 1989, 011(001):25-30.
7.衡德芳, 孔恒. 缺铁对健康的危害[J]. 微量元素与健康研究, 2001, 18(2):80-80.
8.付成林, 周丽鹃, 周希彬, et al. 人体补铁剂的研究进展[J]. 黑龙江医学, 2006, 19(3):207-208.
9.赵聪, 黄浩, 陈贵堂. 缺铁性贫血与补铁剂研究概况[J]. 食品安全质量检测学报, 2016, 7(9):3216-3221.
10.徐欣欣. 浅析小儿缺铁性贫血应用葡萄糖酸亚铁治疗的临床效果[J]. 中国保健营养, 2016, 26(8):166-167.
11.赵爱爱, 张秀萍. 膳食纤维在人体健康中的作用[J]. 求医问药(下半月), 2012, 10(3):180-180.
        `
      }
    },
    mounted(){
      window.scrollTo(0,0)
    },
    methods: {
      changeli(i) {
        this.liclass = i
      },
      gotoNewsList(i) {
        console.log('gotoNewsList:', i)
        Bus.$emit('topbar', i)
      },
      expandDetail() {
        console.log(arguments)
      }
    }
  }
</script>

<style scoped lang="scss">
.health-garden{

  text-align: center;
  .tabs {
    position: absolute;
    display: flex;
    top: -43px;
    left: 7%;
  }

  .cont{
    white-space: normal;
    overflow: hidden;
  }

  .tabs>li {
    margin-left: 15px;
    font-size: 20px;
    font-weight: bold;
    display: block;
    width: 180px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background-color: white;
    border-radius: 50px;
    color: #CC9E0F;
    cursor: pointer;
    border: 5px solid #fff;
    box-shadow: 1px 2px 12px rgba(1, 1, 1, 0.12);
  }

  .bottom :hover {
    background-color: #cc9e0f;
    color: white;
  }

  .liactive {
    background-color: #cc9e0f !important;
    color: white !important;
    border: 5px solid #fff;
  }

  .content {
    text-align: left;
    padding-top: 70px;
    min-height: 500px;
    width: 80%;
    display: inline-block;
  }

  .neirong {
    width: 80%;
    transition: all .2s linear;
    // cursor: pointer;
    pre{
      //white-space: break-spaces;
      white-space: pre-wrap;
      line-height: 28px;
      font-size: 16px;
    }
  }

  .neirong>span {
    display: block;
    width: 100%;
  }

  .neirong>span:first-child {
    font-size: 24px;
    line-height: 30px;
  }

  .neirong>span:nth-child(2) {
    font-size: 12px;
    line-height: 24px;
  }
  // .neirong:hover{
  //   color: #CC9E0F;
  // }
  .newsdiv {
    border-top: 2px solid #D0A62A;
    padding: 30px 0;
    display: flex;
    justify-content: space-around;
    border-bottom: 2px solid #D0A62A;
    margin-bottom: -2px;
  }

  .liaojie {
    color: white;
    display: block;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    background-color: #D0A62A;
    border-radius: 10px;
    font-weight: bold;
    cursor: pointer;
  }
  .reliang{
    // width:1700px;
    display: block;
    margin: 0 auto;
    height: 100%;
  }
  .jisuan{
    height: 100%;
  }
}

.detail{
  padding: 20px;
  .title{
    font-size: 40px;
    font-weight: bold;
  }
  .detail{
    padding: 30px 30px 30px 0;
  }
}

.tabs-panel {
  position: relative;
  height: 30px;
}

.header-bg {
  height: 288px;
  background-color: #39f;
  > img {
    height: 100%;
    width: 100%;
  }
}

@media screen and (max-width: 540px) {
  .health-garden {

    .tabs {
      padding: 0;
      left: 0;
      width: 100%;
      top: -260px;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      > li {
        width: 80% !important;
        display: block;
        margin-top: 12px;
        margin-left: 0 !important;
      }
    }
    .tabs-panel {
      height: 0;
    }
    .content {
      width: 100%;
      padding-top: 0;
      position: relative;
      .neirong {
        width: 100%;
        padding: 15px;
        pre {
          margin-top: 0;
          font-size: 15px;
        }
      }
    }
    .liaojie {
      position: absolute;
      top: 26px;
      right: 12px;
    }
    .reliang {
      width: 100%;
      padding: 0;
      margin: 0;
      overflow-x: auto;
      overflow: auto;
    }
    .jisuan {
      height: 100%;
      width: 100%;
      padding: 0 8px;
      box-sizing: border-box;

      pre {
        width: 100%;
        box-sizing: border-box;
        font-size: 15px;
      }
    }
  }
}
</style>
